<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>表格例子</title>
    <!--告诉浏览器当前网页采用的编码格式是utf-8-->
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
</head>
<body>
<h3>第一个例子</h3>
<hr/>
<table width="60%" align="center" cellspacing="0" cellpadding="0" border="1px">
    <tr>
        <td rowspan="3">兴趣爱好</td>
        <td>读书</td>
        <td>足球</td>
    </tr>
    <tr>

        <td>音乐</td>
        <td rowspan="2">旅游</td>
    </tr>
    <tr>

        <td>电影</td>

    </tr>
</table>
<h3>第二个例子</h3>
<hr/>
<table border="1px" align="center" width="60%" cellpadding="0px" cellspacing="0px">
    <!--设置表格的标题-->
    <caption>各大城市夏季天气比较</caption>
    <!--
    th  里面的内容是粗体，并且居中
    td
    -->
    <tr align="center">
        <th>&nbsp;</th>
        <th>温度</th>
        <th>湿度</th>
        <th>可吸入颗粒物</th>
        <th>二氧化硫</th>
    </tr>
    <tr align="center">
        <th>北京</th>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
    </tr>
    <tr align="center">
        <th>上海</th>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
    </tr>
    <tr align="center">
        <th>广州</th>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
    </tr>
</table>

</body>
</html>